﻿<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <title></title>
    <meta name="viewport" content="width=device-width,initial-scale=1.0,user-scalable=no">
    <link rel="stylesheet" type="text/css" href="css/common.css">
    <link rel="stylesheet" type="text/css" href="css/style.css" />
    <script src="js/jquery-1.11.1.min.js"></script>
    <!--添加20171121-->
    <script type="text/javascript" src="js/layer.js"></script>
    <!--结束-->
    <script type="text/javascript" src="js/index.js"></script>
</head>

<body>
    <div class="dialog">
        <div class="dialog_top">
            <div class="logo">
                <img src="images/icon_left.png" class="imglogoleft" />
                <img class="imgtitletop" src="images/titletop.png" />
                <span>24小时竭诚为您服务</span>
            </div>



            <a href="#" class="dialog_close" id="_dislog_close">
                <img src="images/icon_close.png" />
            </a>

        </div>
        <div class="dialog_content">
            <div class="dialog_content_f">

                <div class="message_wrap">
                    <div class="message_con">
                        <div class="ask_div ask_left clearfix">
                            <div class="ask_div_head">
                                <img src="images/robot_head.png">
                            </div>
                            <div class="ask_div_con">
                                <p class="ask_p">2017-08-25
                                    <span class="ml10">12:00:35</span>
                                </p>
                                <div class="ask_message">
                                    您好，我是12396北京新农村科技服务热线机器人，请问有什么可以帮助您？
                                </div>
                            </div>
                        </div>

                        <div class="ask_div ask_right clearfix">
                            <div class="ask_div_head">
                                <img src="images/persion.png">
                            </div>
                            <div class="ask_div_con">
                                <p>2017-08-25
                                    <span class="ml10">12:00:35</span>
                                </p>
                                <div class="ask_message">
                                    机器人的价格是多少？
                                </div>
                            </div>
                        </div>


                    </div>
                </div>

                <div class="dialog_panel_send">
                    <div class="dialog_button_info">
                        <div class="button">
                            <a id="_dislog_video" title="专家视频">
                                <img src="images/video.png">
                            </a>
                            <a class="ml10" id="Manualcustomerservice" title="人工客服">
                                <img src="images/service.png">
                            </a>
                            
                        </div>
                        <div class="info">
                            您还可以输入
                            <span class="cole8" id="_inputnumber">100</span> 字
                        </div>
                    </div>
                    <div class="form">
                        <div id="div_items">
                            <!--模糊匹配窗口-->
                            <div class="div_item">周杰伦</div>
                            <div class="div_item">周杰</div>
                            <div class="div_item">林俊杰</div>
                            <div class="div_item">林宥嘉</div>
                            <div class="div_item">林妙可</div>
                            <div class="div_item">唐嫣</div>
                            <div class="div_item">唐家三少</div>
                            <div class="div_item">唐朝盛世</div>
                            <div class="div_item">奥迪A4L</div>
                            <div class="div_item">奥迪A6L</div>
                            <div class="div_item">奥迪A8L</div>
                            <div class="div_item">奥迪R8</div>
                            <div class="div_item">宝马GT</div>
                        </div> 
                        <div class="textarea_wrap">
                            <textarea id="message_input" maxlength="100"></textarea>
                        </div>
                        <a href="#" class="dialog_enter" id="_dialog_enter">发&nbsp;送</a>
                    </div>



                </div>

            </div>
            <div class="dialog_content_r">
                <div class="panel_tab">
                    <ul class="panel_tab_title">
                        <li class="current">
                            <a href="#">
                                <span class="title_span">
                                    <img src="images/intro.png">
                                </span>
                                <p>小智简介</p>
                            </a>
                        </li>
                        <li>
                            <a href="#">
                                <span class="title_span">
                                    <img src="images/question.png">
                                </span>
                                <p>常见问题</p>
                            </a>
                        </li>
                        <li>
                            <a href="#">
                                <span class="title_span">
                                    <img src="images/idea.png">
                                </span>
                                <p>意见反馈</p>
                            </a>
                        </li>
                    </ul>
                    <div class="panel_tab_con">
                        <div class="" style="display:block">
                            <div class="panel_info">
                                <span class="b1"></span>
                                <span class="b2"></span>
                                <span class="b3"></span>
                                <span class="b4"></span>
                                <div class="panel_info_p">
                                    <img src="images/icon_left.png"> “农科小智”是北京市农林科技学院农业信息与经济研究所倾力研发的拥有自主知识产权的农业领域咨询服务机器人，“农科小智”基于大量丰富的农业知识语料库，应用农业领域自然语言理解、人工智能学历推理、语音声控及情绪识别等技术构建研发。通过“系统智能交互+专家人工解答”的服务模式，为用户提供农业技术问答、专家指导、百科知识、农时农事提醒等业务，以及天气交通、成语故事等常见聊天对话服务，将为农业科学知识科普教育、生产技术咨询、园区基地观光导览、科技成果宣传推介等提供了创新解决方案。目前，“农科小智”已经推出智能硬件机器人和Web机器人，赶紧体验一下吧！

                                </div>
                            </div>
                            <div class="panel_con">
                                <div class="panel_con_title">
                                    <h1>技术问答</h1>
                                </div>
                                <div class="panel_con_list">
                                    <ul class="panel_con_list1 clearfix">
                                        <li>
                                            <a>
                                                <div class="img_wrap">
                                                    <img src="images/tomatoes.png">
                                                </div>
                                                <p>番茄</p>
                                            </a>
                                        </li>
                                        <li>
                                            <a>
                                                <div class="img_wrap">
                                                    <img src="images/mango.png">
                                                </div>
                                                <p>芒果</p>
                                            </a>
                                        </li>
                                        <li>
                                            <a>
                                                <div class="img_wrap">
                                                    <img src="images/apple.png">
                                                </div>
                                                <p>苹果</p>
                                            </a>
                                        </li>
                                        <li>
                                            <a>
                                                <div class="img_wrap">
                                                    <img src="images/Wheat.png">
                                                </div>
                                                <p>小麦</p>
                                            </a>
                                        </li>
                                        <li>
                                            <a>
                                                <div class="img_wrap">
                                                    <img src="images/grape.png">
                                                </div>
                                                <p>葡萄</p>
                                            </a>
                                        </li>
                                        <li>
                                            <a>
                                                <div class="img_wrap">
                                                    <img src="images/watermelon.png">
                                                </div>
                                                <p>西瓜</p>
                                            </a>
                                        </li>
                                        <li>
                                            <a>
                                                <div class="img_wrap">
                                                    <img src="images/Lettuce.png">
                                                </div>
                                                <p>油麦菜</p>
                                            </a>
                                        </li>
                                        <li>
                                            <a>
                                                <div class="img_wrap">
                                                    <img src="images/peach.png">
                                                </div>
                                                <p>桃子</p>
                                            </a>
                                        </li>
                                    </ul>
                                </div>
                            </div>
                            <div class="panel_con">
                                <div class="panel_con_title">
                                    <h1>技术问答</h1>
                                </div>
                                <div class="panel_con_list">
                                    <ul class="panel_con_list2 clearfix">

                                        <li>
                                            <a href="#">
                                                <div class="img_wrap">
                                                    <img src="images/weather.png">
                                                </div>
                                                <p>天气</p>
                                            </a>

                                        </li>
                                        <li>
                                            <a href="#">
                                                <div class="img_wrap">
                                                    <img src="images/news.png">
                                                </div>
                                                <p>新闻</p>
                                            </a>

                                        </li>
                                        <li>
                                            <a href="#">
                                                <div class="img_wrap">
                                                    <img src="images/express.png">
                                                </div>
                                                <p>快递</p>
                                            </a>

                                        </li>
                                        <li>
                                            <a href="#">
                                                <div class="img_wrap">
                                                    <img src="images/smile.png">
                                                </div>
                                                <p>笑话</p>
                                            </a>

                                        </li>
                                        <li>
                                            <a href="#">
                                                <div class="img_wrap">
                                                    <img src="images/store.png">
                                                </div>
                                                <p>故事</p>
                                            </a>

                                        </li>

                                    </ul>
                                </div>
                            </div>

                        </div>
                        <div class="panel_tab_list">
                            <ul>
                                <li>
                                    <a href="#">1.常见版，每天能回答多少问题？</a>
                                </li>
                                <li>
                                    <a href="#">2.你们是否会泄露客户资料？</a>
                                </li>
                                <li>
                                    <a href="#">3.机器人的价格是多少？</a>
                                </li>
                                <li>
                                    <a href="#">4.核心技术是多少？</a>
                                </li>
                                <li>
                                    <a href="#">5.你们的团队有哪些人？</a>
                                </li>
                                <li>
                                    <a href="#">1.常见版，每天能回答多少问题？</a>
                                </li>
                                <li>
                                    <a href="#">2.你们是否会泄露客户资料？</a>
                                </li>
                                <li>
                                    <a href="#">3.机器人的价格是多少？</a>
                                </li>
                                <li>
                                    <a href="#">4.核心技术是多少？</a>
                                </li>
                                <li>
                                    <a href="#">5.你们的团队有哪些人？</a>
                                </li>
                                <li>
                                    <a href="#">1.常见版，每天能回答多少问题？</a>
                                </li>
                                <li>
                                    <a href="#">2.你们是否会泄露客户资料？</a>
                                </li>
                                <li>
                                    <a href="#">3.机器人的价格是多少？</a>
                                </li>
                                <li>
                                    <a href="#">4.核心技术是多少？</a>
                                </li>
                                <li>
                                    <a href="#">5.你们的团队有哪些人？</a>
                                </li>
                                <li>
                                    <a href="#">1.常见版，每天能回答多少问题？</a>
                                </li>
                                <li>
                                    <a href="#">2.你们是否会泄露客户资料？</a>
                                </li>
                                <li>
                                    <a href="#">3.机器人的价格是多少？</a>
                                </li>
                                <li>
                                    <a href="#">4.核心技术是多少？</a>
                                </li>
                                <li>
                                    <a href="#">5.你们的团队有哪些人？</a>
                                </li>
                            </ul>
                        </div>
                        <div class="pabel_tab_contact">
                            <div class="panel_form">
                                <p>您的意见对我们很重要，您的满意是我们不懈的追求，谢谢您的支持！</p>
                                <h3>意见及建议</h3>
                                <textarea></textarea>
                                <h3>您的联系方式</h3>
                                <input type="type" name="" class="phone_input fl">
                                <a>提&nbsp;交</a>
                                <div class="tel">
                                    <h3>联系我们：</h3>
                                    <div>
                                        <p>010-12396</p>
                                        <p>010-51503387</p>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
</body>

</html>